<style>
    .invite-bg{
        background: url("/img/invite/bg.png") no-repeat center;
        background-size: 100% 100%;
    }
    .invite-topimg{
        padding: 50px 10% 0;
    }
    .invite-userimg{
        display: block;
        margin: -50px auto 0;
    }
    .invite-info{
        margin-top: 15px;
    }
    .invite-info>span{
        color: #ffffff;
        font-size: 30px;
        text-align: center;
    }
    /*.invite-info>span:nth-child(1){*/
    /*text-align: left;*/
    /*}*/
    /*.invite-info>span:nth-child(2){*/
    /*text-align: ri;*/
    /*}*/
    .invite-input{
        margin: 0 auto;
    }
    .invite-input input{
        width: 100%;
        height: 38px;
        margin: 10px 0;
        padding-left: 10px;
        border-radius: 0;
        border: navajowhite;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        color: #000000;

    }
    .invite-bg input::-webkit-input-placeholder { /* WebKit browsers */
        color: #277dc7;
        font-size: 12px;
        padding-left: 10px;
    }
    .invite-socode{
        height: 38px;
        margin:10px 0;
        line-height: 38px;
        color: #FF971B;
        width: 55%;
        border-bottom: 1px solid #ddd;
    }
    .button.invite-button{
        color: #ffffff;
        background-image: linear-gradient(-42deg, #FF8C2B 0%, #FF6322 100%);
        border-radius: 4px;
    }
    .invite-success-p{
        font-size: 18px;
        color: #000;
        margin-bottom: 8%;
        margin-top: 5%;
    }

</style>
<ion-view  hide-nav-bar="true" style="background-color: #fff">
        <div class="proqrcode_wrap" ng-hide="isSide">
            <div class="proqrcode_main">
                <div class="proqrcode_head_wrap">
                    <!--店招底图-->
                    <div class="proqrcode_head_img">
                        <img src="img/answer/inside-bg.png" style="max-height: 420px"  alt="" class="proqrcode_head_imgs">
                        <!--水印logo-->
                        <!--<img src="img/commimg/proqrcode_logo.png" alt="" class="proqrcode_logo">-->
                    </div>

                    <div class="proqrcode_head">
                        <div class="proqrcode_head_tit clear weui" style="border-bottom: none">
                            <div class="text-center">
                                <div class="invite-input">
                                    <p class="invite-info">
                                        <img style="height: 38px;width: 102px"  src="img/answer/logo1.png">
                                    </p>
                                    <p class="invite-info" style="margin-top: 5px">
                                        <img style="height: 28px;width: 103px"  src="img/answer/logo2.png">
                                    </p>

                                    <input placeholder="请输入你的手机号" ng-model="data.loginName" maxlength="11" />
                                    <div class="row row-no-padding">
                                        <input placeholder="请输入验证码" ng-model="data.validatecode"/>
                                        <div ng-if="interval == 0" class="invite-socode" ng-click="getInviteCode()">获取验证码</div>
                                        <div ng-if="interval != 0" class="invite-socode" >{{interval}}秒后获取</div>
                                    </div>
                                </div>
                            </div>
                            <button class="button button-block invite-button" ng-click="getInviteSuccess()">
                                接受邀请
                            </button>
                        </div>
                        <!--间隔圆角图片-->
                        <div class="proqrcode_head_line">
                            <img style="margin: -1px 0;" src="img/commimg/proqrcode_head_line.png" alt="">
                        </div>
                        <!--理财师信息-->
                        <div class="proqrcode_head_info clear">
                            <div class="fl">
                                <div class="hide-text">理财师{{name}}诚邀你加入</div>
                                <p>TEL {{phone}}</p>
                            </div>
                            <div class="fr">
                                <img src="img/commimg/touxiang.jpg" ng-src="{{userimg|getUserHeadImg}}?x-oss-process=image/resize,w_750" alt="" >
                            </div>
                        </div>
                    </div>

                </div>
                <img style="margin-left: 15px;margin-top: 10%" width="250px" src="img/answer/symbols.png" />
            </div>

        </div>


        <div class="text-center invite-success" ng-show="isSide">
            <p class="invite-info">
                <img style="height: 38px;width: 102px"  src="img/answer/logo1.png">
            </p>
            <p class="invite-info" style="margin-top: 5px">
                <img style="height: 28px;width: 103px"  src="img/answer/logo2.png">
            </p>
            <p class="invite-success-p" ng-if="isNewUser">恭喜，你已成功接受{{name}}的邀请</p>
            <p class="invite-success-p" ng-if="!isNewUser">&nbsp;感谢你对金策师的信任和支持！</p>
            <div  class="invite-success-info">
                <img src="img/invite/code.jpg" width="169px">
                <div style="font-size: 12px;color: #666;">下载金策师APP</div>
                <div ng-if="inviteuRole == 98 || inviteuRole == 99 || inviteuRole == 1" style="font-size: 12px;color: #666;margin-top: 10%">一次性答对4道问题通过审核认证</div>
            </div>
            <button ng-if="inviteuRole == 98 || inviteuRole == 99 || inviteuRole == 1" style="width: 90%;margin: 2% auto 0 auto" class="button button-block invite-button" ui-sref="customer({phone:phone})">
                快捷认证通道
            </button>
            <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.superfa.jinceshi" ng-if="inviteuRole != 98 && inviteuRole != 99 && inviteuRole != 1">
                <button  style="width: 90%;margin: 2% auto 0 auto" class="button button-block invite-button">
                    下载金策师APP
                </button>
            </a>

            <div style="font-size: 12px;color: #666;margin-top: 10%">
                <img style="    width: 15px;
    margin-right: 5px;
    vertical-align: top;" src="img/invite/Page1@2x.png" />金策师保护理财师信息安全，客户信息仅为本人可见
            </div>
        </div>

</ion-view>